

:root {
    --gt_ava_wh: 40px;
    --gt-pvp44-avagap : 10px 10px;
    --van-padding-sm: 6px;
    --van-action-sheet-item-font-size:1em;
    --bg-dark:rgba(42, 45, 62, 0.5);
    --mb-mbl:8px;
}
.n-button--small-type{
    --n-height:2.2rem!important;
    --n-font-size: 1.1rem!important;
  }
.n-button__content{
    font-size:var(--def-14px);
}
.modal_gtbox .model_box {
    padding: 0px;
    min-height:100vh;
    max-height: none;
    overflow: inherit;
}   
.dljjc_box3_x{
    min-height:100vh;
    background-color: var(--ml-bodybg-mb)!important;
}

.modal_gtend {
    position: sticky;
    z-index: 10;
    left: 0;
    bottom: 0;
    z-index: 999;
    background-color: var(--modal-m-end-bgc);
    width: 100%;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    overflow: hidden;
}
.modal_gtbox {
    overflow: inherit!important;
        min-width: 100%;
    max-width: 100%;
}

.modal_mbtitle{
    position: sticky;
    top: 0;
    z-index: 99999;
    width: 100%;
    font-size: 1.1rem;
    color: var(--modal-title-tc);
    text-shadow: var(--modal-title-ts);
    min-height: 2.5rem;
    display: flex
;
    background-color: rgb(58 74 115);
    justify-content: center;
    align-items: center;
}
.modal_gtbox ._x {
    position: absolute;
    right: 15px;
    border: var(--modal-close-border);
    color: var(--modal-close-tc);
    text-shadow: var(--modal-close-ts);
    width: 40px;
    height: 25px;
    border-radius: 5px;
    background-color: var(--modal-close-bgc);
    cursor: pointer;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.n-layout-header.n-layout-header--static-positioned.n-layout-header--bordered {
    position: fixed;
    z-index: 9;
}

.irm {
    width: 4rem;
    filter: drop-shadow(0px 0px 5px #000000)
}
.work_avasp img{
    width:2.4rem;
    height:2.4rem;
}
.cardbg {
    margin-bottom: 60px;
}
.battle_role_teamdiv {
    gap: 8px 12px;
    margin-bottom: 10px;
    justify-content: center;
}
.pvp44_rolediv{
    padding: 0;
    padding-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.header_span {
    padding-left: 0.4rem;
    font-size: 0.9rem;
}

.sssp {
    gap: 5px 3px !important;
}
.pdx1 {
    padding: 0.125em;
}
.dljjc_box3_x {
    padding: 0em;
    border:0;
}
.sssp .n-tag {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.header_btn {
    margin-right: 0.25rem;
    border-radius: 0;
}

.header_div {
    white-space: nowrap;
    padding-top: 0.375rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.gt_ptitle {
    right: -0.1rem;
    height: 3.4367rem;
    font-size: 0.9rem;
    line-height: 3.4367rem;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    letter-spacing: 0.4rem;
}

.n-card>.n-card__content {
    padding-left: 0px;
    padding-right: 0px;
}



.ire {
    margin-right: 0.25rem;
    width: 4rem;
}

.n-tabs .n-tabs-tab {
    padding: 0.35rem 0.7rem;
}

.n-tabs-tab__label {
    font-size: 0.85rem;
}


.gzt {
    min-width: 7rem;
}

.zdava {
    margin-right: 0.5rem;
    border-radius: 0.4rem;
    width: 2rem;
}

.zdbava_div {
    width: 5rem;
}

.zdbava_p2 {
    font-size: 1.2rem;
}

.minizdd {
    min-width: 17rem !important;
}

.avg_name {
    min-width: 3rem;
    max-width: 3rem;
    width: 3rem;
    font-size: 0.75rem;
}

.avg_tag {
    padding-left: 0.2rem;
    margin-left: 0.5rem;
    min-width: 5.25rem;
    max-width: 5.25rem;
    font-size: 0.7rem;
}


.cardv0 {
    box-shadow: 0 0 0px rgb(0 0 0)!important;
    border: 0 !important;
}
.cardbg:first-child {
    margin-top: 0px;
}
.cardbg .n-card__content:first-child {
    padding-top: 12px;
}

.bava_div {
    margin-right: 0.2rem;
}

.ml_table1_th1 {
    width: 200px;
}

.work_videoimg ._workdiv {
    width: 35px;
    height: 35px;
}

.work_videoimg ._workdiv img {
    width: 100%;
}

.adg_hover_div {
    padding-top: 5px;
    box-shadow: 0 0 2px #000;
}

.xdava {
    margin-right: 1px;
    margin-left: 1px;
    width: 28px;
    border-radius: 3px;
}

.div2 {
    display: flex;
    width: 100%;
    justify-content: space-around;
    height: 100%;
    align-items: center;
}


.pvp44eq .ava {
    width: 35px;
}
.pvp44_rank_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pvp44_rank_list_avabox .ava {
    width: 40px;
}

.pvp44_upeq_shield {
    border: solid 1px #14283A;
    width: 38px;
}

.el-dropdown-menu__item {
    padding: 2px 10px;
}
.eq_zb {
    height: 40px;
    width: 40px;
}

.eq_dun img {
    width: 23px;
}

.eq_dun {
    height: 35px;
    width: 35px;
}

.eq_ss img {
    width: 24px;
}

.eq_ss {
    height: 35px;
    width: 35px;
}

.eq_zb img {
    width: 32px;
}

.eq_card {
    height: 46px;
    width: 35px;
}
.pvp44eq {
    gap: 4px;
}
.eq_card img {
    width: 28px;
}
.hdmenu_inp {
    background-color: #333435;
    box-shadow: 0 0 3px #494949;
    padding: 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 10px;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
}


.top_div ._p1 {
    font-size: 14px;
}
.top_div ._p3 {
    font-size: 13px;
}


.hd_menu2_hover {
    border-bottom: solid 2px #63e2b7;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

.hd_menu2 {
    border-bottom: solid 2px rgb(255 255 255 / 0%);
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

.n-layout-header {
    height: 45px;
    display: flex;
}

.cardbg {
    background-color: rgb(43 42 42 / 50%) !important;
    margin-left: 0px;
    margin-right: 0px;
}

.qstype3{
    margin-top:-0.6rem;margin-bottom: 0.75rem;
}
.mt_box_bg {
    font-size: 0.8rem;
}
.top_div ._p4 {
    font-size: 12px;
    margin-bottom: 1px;
}
.gl-box2 ._p1 {
    font-size: 11px;
    margin-bottom: 5px;
}

.n-layout-header.n-layout-header--bordered {
    box-shadow: 0 0 2px var(--header-box-color);
}
.top_div img {
    width: 30px!important;
    height: 30px!important;
}


.mb_font_xs{
    font-size: 0.75em;
    line-height: 1.75em;
}
.mb_font_sm{
    font-size: 0.85em;
}
.mb_font_md{
    font-size: 0.95em;
}

.v0_body {
    margin-top: 0px!important;
}
.n-statistic {
    --n-value-font-size: 11px!important;
}
.modal_gtbox  {
    font-size: 0.9em;
}
.modal_gtbox ._banr ._2_title2 {
    font-size: 0.9em;
}
.top_div-box {
    align-items: flex-start;
}
.gl-box{
    min-height:125px;
}
.gl-box ._p1 {
    padding-left: 0.2rem;
    font-size: 11px;
}
.gl-box ._p2 {
    padding-left: 0.4rem;
    margin-bottom: 0.2rem;
    font-size: 10px!important;
}
.gl-box2 {
    min-height: 8.5rem;
}
.top_div ._p2 {
    line-height: 18px;
    font-size: 10px!important;
}
.top_div ._p3 {
    line-height: 18px;
    font-size: 10px!important;
}
.gl-box ._p3 {
    padding-left: 0.4rem;
    margin-bottom: 0.2rem;
    font-size: 10px;
}
.nm_mtab{
    --van-tabs-line-height: 38px;
    --van-tab-font-size: 14px;
    --van-tabs-bottom-bar-height : 2px;
}

.mini_mtab{
    --van-tabs-line-height: 33px;
    --van-tab-font-size: 12px;
    --van-tabs-bottom-bar-height : 1px;
    --van-tabs-bottom-bar-width	:30px;
}
.van-tabbar {
    --van-tabbar-item-font-size: clamp(12px, 3.5vw,18px);
}
.van-tabbar--fixed {
    z-index: 2;
}
.div1 .van-tabs__wrap{
    margin-bottom: 0;
}

._mbbox {
    margin-left: calc(var(--ml-bjvw) * 1vw);
    margin-right: calc(var(--ml-bjvw) * 1vw);
    margin-top:2vw;
    border-radius: var(--nbox-brpx);
    overflow: hidden;
}

.nbox1{
    padding: 0.5rem!important;
}

.nbox1_delpadding{
    margin-left: -1rem; margin-right: -1rem;
}

._mbbox2 {
    margin-left: calc(var(--ml-bjvw) * 1vw);
    margin-right: calc(var(--ml-bjvw) * 1vw);
    border-radius: var(--nbox-brpx);
}

.boxgap {
    margin-left: calc(var(--ml-bjvw) * 1vw);
    margin-right: calc(var(--ml-bjvw) * 1vw);
    margin-top:0.75em;
}

.div1 {
    background-color: rgb(49, 50, 51);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    color: #fff;
}
.report ._box1 {
    margin-left: -6px;
    margin-right: -4px;
}
.stsicon {
    padding: 0px;
    height: 40px;
    padding-bottom: 0px;
    padding-top: 0px;
}
._right {
    display: flex;
    align-items: center;
}

.nocard {
    background: none;
    backdrop-filter: none !important;
    -webkit-backdrop-filter:none!important;
    border: 0 !important;
}

._boss_box {
    height: 3rem;
    width:40px;
}
._boss_set_帝国骑士 {
    width: 130%;
    margin-left: -5px;
}
._boss_set_哥布林族长 {
    width: 135%;
}
._boss_set_恶魔首领 {
    width: 140%;
    margin-bottom: 4px;
}
._boss_set_宰相邓肯 {
    width: 120%;
}
._boss_set_侵略军司令官 {
    width: 110%;
}
._boss_set_机械人埃里娜 {
    height: 90%;
    margin-bottom: 3px;
}
._boss_set_妖精 {
    height: 90%;
    margin-bottom: 4px;
}
._boss_set_暗影魔王 {
    height: 85%;
}
._boss_set_愤怒的牛头人 {
    width: 150%;
    margin-bottom: 5px;
}
._boss_set_九尾狐佳岚 {
    width: 115%;
    margin-bottom: -5px;
}
._boss_set_熔岩史莱姆国王,._boss_set_春秋派首领,._boss_set_归来的收割者,._boss_set_雪人将军盖斯特,._boss_set_创始人艾芙芭 {
    width: 100%;
}

.ftbd_active {
    background-color: #454545;
}

._boss_set_熔岩史莱姆国王 {
    width: 110%;
    margin-bottom: 3px;
}
.report ._avatar {
    width: 33px;
    border-radius: 2;
}
.div-gd-bossinfo {
    justify-content: flex-start;
}
.gdbox2 {
    padding: 0.25rem;
}
.div-guilddmg {
    justify-content: flex-start;
}
.gc-user-df {
    justify-content: flex-start!important;
}
.report ._damage {
    margin-bottom: 0;
    font-size: 19px;
}
.report_box .report {
    width: 9.5rem;
}
.report ._imglist {
    gap: 3px;
    margin-top: 0.5rem;
    justify-content: center;
}
.report_box {
    gap: 5px;
}


.ycimg {
    background:0;
    width:35px;
    height: 38px;
}
.work_ycspan {
    width: 28px;
}



.work_avasp {
    width: auto;
    gap: 0px 8px !important;
}
.atk_team img, .def_team img {
    width: 34px;
}
.pos_tabbase {
    gap: 5px 8px;
}

.workbg {
    background: rgb(24 24 28 / 65%);
}
._boss_set_狂暴沙漠牛虫 {
    margin-bottom: -6px;
    height: 115%;
}
._boss_set_海军舰长玛丽娜 {
    width: 125%;
    margin-bottom: 6px;
}
._boss_set_侵略者导演 {
    height: 70%;
    margin-bottom: 6px;
}

.posatkicon {
    width: 32px;
}
.pos_team_role .ava {
    width: 29.5px;
}
.pos_atk div, .pos_def div {
    height: 35px;
}

.n-layout.n-layout--absolute-positioned {
    border-top: solid 1px #484446;
    padding-top: 4px;
}
.pos_atk, .pos_def {
    gap: 5px;
}
.mt_box_left {
    min-width: 126px;
    padding: 3px;
  }



.wpicon img{
    width: 100%;
}

.mtcard .n-card__content {
    padding-left: 3px!important;
    padding-right: 3px!important;
}

.mt_box_right {
    padding: 5px;
    overflow: auto;
    height: 70vh;
}
.pos_tabmain {
    padding: 0;
    padding-left: 0;
    padding-top: 8px;
    padding-bottom: 12px;
    flex: auto;
    border: none;
    background-color: rgb(23 23 23);
    box-shadow: 0 0 3px #4a4a4a;
}
.pvp44_rolediv {
    gap: 10px 10px;
    margin-top: 10px;
}
._tipscap {
    font-size: 11px;
    margin-top: -19px;
}
.team44_div2 {
    gap: 8px;
    padding-left: 8px;
    padding-right: 18px;
    flex-direction: column;
}
.n-dialog.n-modal {
    background-color: rgb(27 57 73 / 25%);
    box-shadow: 0 0 5px #a6cff4;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: solid 1px #102264;
}

.n-drawer-body-content-wrapper {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    padding-top: 0 !important;
}
.mh-100 {
    padding-bottom: 250px;
}
.work_workdiv2 ._hide {
    display: none;
}


.noa{
    overflow: auto;
    width: 100%;
}

.work_basediv {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    box-shadow: none;
}

.work_videoimg ._workmbdiv {
    display: flex;
    justify-content: center;
    gap: 8px 16px;
    border-top: solid 1px #303030;
    padding-top: 10px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

width: 750px;
.dljjc_box3_x {
    min-height: 150vh!important;
}
.btitle {
    font-size: 1.5em;
    max-height: 100px;
}
.work_workdiv {
    flex-direction: column;
    display: flex;
    height: auto !important;
    border-left: 0;
    padding-bottom: 14px;
}

.work_workdiv2 {
    margin-top: 8px;
    justify-content: center;
}

.n-drawer-header {
    background-color: var(--mb-drbg);
}

.n-drawer-footer {
    background-color: var(--mb-drbg);
}

.work_videoimg {
    background-color: #1F2022;
    padding-bottom: 15px;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    border: solid 1px #303030;
    display: flex;
    flex-direction: column;
}


.mb_lv1nav0 {
    width: 100%;
    position: relative;
    height: 40px;
    box-sizing: border-box;
    border-bottom: solid 2px rgb(0 0 0 / 30%);
    background-color: rgb(0 0 0 / 30%);
    box-shadow: 0 0 5px #000;
}
.mb_lv1nav {
    display: flex;
    position: relative;
    gap: 20px;
    height: 40px;
    align-items: center;
}

.mb_lv1nav ._on{
    font-size: 1.2rem;
    color: rgb(255, 255, 255);
}

.mb_lv1nav ._on:before {
    width: 20px;
    height: 100%;
    bottom: -1px;
    content: "";
    display: block;
    border-bottom: solid 2px #fff;
    position: absolute;
}
.mb_lv1nav ._not{
    font-size: 1.1rem;
    color: rgb(255 255 255 / 80%);
}
.mb_lv1nav ._base {
    text-shadow: 0 0 5px #000;
    width: 42px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}
.work_sp3{
    justify-content: center;
}
.sssp {
    justify-content: center !important;
}

.n-card>.n-card__content:first-child,
.n-card>.n-card__footer:first-child {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.dfg5 {
    margin-top: 0rem;
}

.zy_img {
    height: 55px;
}
.teamdata_blist {
    display: flex;
    justify-content: center;
    gap: 6px 12px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.n-layout-footer {
    padding: 0 !important;
}

.n-layout-footer .div1 {
    display: flex;
}

.lay_body {
    padding: 0px;
    max-width: 100%;
    margin: 0px auto;
    min-width: 100% !important;
}

.header_bg {
    position: absolute;
    width: 100%;
    margin-top: 0rem;
    object-fit: cover;
    height: 9.7rem;
    opacity: 0.5;
    border-radius: 0px 0px 0.5rem 0.5rem;
}
.dr_menu_d1 .el-icon {
    padding-right: 1rem;
    font-size: 30px;
}
.dr_menu_d1 {
    display: flex;
    height: 2rem;
    margin-bottom: 0.5rem;
    margin-right: 1%;
    margin-left: 1%;
    padding: 0.45rem;
    border-radius: 0.15rem;
    background-color: var(--base-ts-bg);
    position: relative;
    align-items: center;
    padding-left: 1rem;
}
.avg_div2 {
    display: flex;
}

.avg_div {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.n-layout {
    border-radius: .5rem .5rem 0px 0px;
}
.mb_lv2nav ._hover:before {
    width: 50%;
    height: 100%;
    bottom: 2px;
    content: "";
    display: block;
    border-bottom: solid 2px #ffcd71;
    position: absolute;
}



.mb_lv2nav {
    margin-top: 3px;
    height: 65px;
    width: 100%;
    text-shadow: 0 0 5px #000;
    background-color: #35484f;
}
.mb_lv2nav .n-tabs .n-tabs-tab {
    padding: 0.35rem 0.2rem;
}
.mb_lv2nav ._text {
    font-size: 0.85rem;
}
.mb_lv2nav ._base {
    display: flex;
    position: relative;
    padding: 5px;
    flex-direction: column;
    align-items: center;
}
.mb_lv2nav ._hover {
    color: #ffcd71;
    background-color: rgb(0 0 0 / 25%);
    border-radius: 5px;
    outline: solid 2px rgb(0 0 0 / 25%);
}
.mb_lv2nav ._icon {
    font-size: 1.8rem;
    margin-bottom: -0.8rem;
    margin-top: -0.6rem;
}
.avg_imgdiv {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.glist_div2 {
    min-width: 3rem;
    min-height: 3rem;
    width: 3rem;
    height: 3rem;
}

.glist_div0 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.glist_div1 {
    height: 3rem;
    padding: 0.25rem;
    width: 8rem;
}

.glist_div3 p {
    font-size: 0.75rem;
}

.pd1 {
    padding: 0;
}

.zt_span {
    padding: 0.25rem;
    padding-top: 0.5rem;
}

.base_circle_index{
    min-width: 100%;
    max-width: 100%;
}

.btm_circle_index {
    background-color: #fff;
    box-shadow: 0 0 6px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    color: #000;
    z-index: 999999;
}
.btm_circle_index .ftbd {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-shadow: none;
    color: #333;
    
}

.cr_menu_d1 {
    display: flex;
    height: 50px;
    margin-bottom: 0.5rem;
    padding: 0.6rem;
    color: #333;
    font-weight: bold;
    background-color: rgb(251 251 251);
    border: solid 2px #e1e1e1;
    box-shadow: 0 0 3px #c9c9c9;
    position: relative;
    align-items: center;
    border-radius: 4px;
    font-size: 17px;
    gap: 10px;
}

.el-drawer.ttb {
    padding-bottom: 40px;
}

.tid_title {
    font-size: 20px;
    text-align: center;
    margin:0;
}

.bbs_bar {
    margin-top: -12px;
}

.bbs_bar ._div {
    padding: 5px 10px!important;
}
.player_top_box{
    min-width: 100%!important;
}
.modal_box .n-card-header {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.n-scrollbar-rail--vertical--right {
    display: none;
}

.modal_box {
    width: 100% !important;
    top: 0%;
    left: 0%;
    right: 0%;
    position: fixed;
    overflow: auto;
}


.mb_space{
    flex-direction: row!important;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    padding-bottom: 8px;
}

.n-scrollbar-rail{
    bottom: -2px!important;
}

.modal_box {
    padding-left: 10px;
    padding-right: 10px;
}

.cardbg_ntp{
    margin-bottom: 60px;
}

.cardbg_ntp {
    padding: 8px;
    
    padding-top:15px;
}
.dljjc_box {
    padding: 5px;
}


.modal_gtbox ._banr ._1_lan1 ._2_title {
    max-width: 100px;
}
.dljjc_zy {
    gap: 2px;
    padding: 6px;
    margin-bottom: 6px;
}

.n-tabs.n-tabs--top .n-tab-pane {
    padding: 0px;
}



.dljjc_box3 {
    padding-bottom: 60px;
}
.dljjc_box3_x {
    padding-bottom: 60px;
}
.tyflex{
    gap: 6px!important;
}    
.nbox1x {
    box-shadow: none;
}

.team_sstag {
    font-size: 11px;
}



.v0_body{
    margin-left: 0em!important;
    margin-right: 0em!important;
}
.v1_body{
    padding-top: 0em!important;
}



.n-tabs-rail {
    border-radius: 0!important;
}
._adbox {
    border-left: 0!important;
    font-size: 0.95em!important;
    padding: 0.75rem!important;
}
.nbox1,.wbox {
    border: none;
    box-shadow: none;
}

.v2_body{
    box-shadow: none;
    padding-left: 0em;
    padding-right:0em;
    min-height: 100vh;
}

.tbox {
    border: none;
    box-shadow: none;
}

.model_v2 {
    margin-top: 0;
    min-height: 100vh;
}

.nbox22 {
    padding: 0px;
}


.nbox1 {
    gap: 12px;
}

.nopd{
    padding: 0 !important;
}

.pd3{
    padding: .5rem!important;
}

.pt0{
    padding-top: 0 !important;
}

.page{
    --van-pagination-item-width:32px;
    --van-pagination-height:32px;
}

.dljjc_box3_x {
    backdrop-filter:none;
}

.nbox1{
    
    backdrop-filter:blur(calc(var(--ml-boxmbl-mb) * 1px));
}